<template>
	<div class="ncu-voice-correct-home">
		<navButtons @click="toPage" />
		<carousel />
	</div>
</template>

<script>
	import navButtons from './home/nav-buttons.vue'
	import carousel from './home/carousel.vue'
    export default {
		components: {
			navButtons,
			carousel
		},
        data() {
            return {

            }
        },
		methods: {
			toPage(item) {
				const url = `${item.link}?icon=${item.icon}&text=${item.text}`
				uni.navigateTo({
					url,
				})
			}
		}
    }
</script>

<style lang="scss" scoped>
	.ncu-voice-correct-home {
		width: 80%;
		min-height: 70vh;
		padding: 5%;
		background: rgba(255,255,255,0.25);
		box-shadow: 0px 8px 32px 0 rgba(31, 38, 135, 0.37);
		backdrop-filter: blur(4px);
		border-radius: 10px;
		display: flex;
		justify-content: space-between;
	}
</style>


